<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>设备信息</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">  
  <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  <link href="../css/animate.css" rel="stylesheet">
  <link href="../css/style.css?v=4.1.0" rel="stylesheet">
  <link rel="stylesheet" href="../css/labMgt/self.css">

  <script src="../js/jquery.min.js?v=2.1.4"></script>
  <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  <script src="../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  <script src="../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

  <script src="../js/equipmentDetail.js"></script>  
   <script src="../js/main.js"></script>  

</head>
<body class="gray-bg">
  <div class="wrapper wrapper-content animated fadeInRight worker-info">

    <div class="row row-btn-item">
      <div class="col-sm-12">
        <a class="btn btn-info" onclick="window.history.go(-1)">返回</a>
      </div>
    </div>

    <div  class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true"> 
      <div class="col-sm-12">                
        <label class="detail-info-label">试验设备详情</label>
        <a class="btn btn-info pull-right" href="editEquipment.html">编辑</a>
      </div>       

      <table class="table">
        <tbody>
          <tr>
            <td class="table-td-title">设备编号：</td><td>SY20150603001</td>
            <td class="table-td-title">设备名称：</td><td>压力测试机</td>
            <td class="table-td-title">资产类别：</td><td>固定资产</td>
            <td rowspan="4">
              <img class="shebei" style="width: 160px;height: 160px;" src="../img/shebei1.jpg" alt="">
            </td>
          </tr>
          <tr>
            <td class="table-td-title">购置日期：</td><td>2012.06.04</td>
            <td class="table-td-title">登记日期：</td><td>2012.06.05</td>
            <td class="table-td-title">使用部门/项目：</td><td>G220公路工程</td>
          </tr>
          <tr>
            <td class="table-td-title">规格型号：</td><td>LT0515</td>
            <td class="table-td-title">设备状态：</td><td>使用</td>
            <td class="table-td-title">启用日期：</td><td>2012.06.06</td>
          </tr>
          <tr>
            <td class="table-td-title">使用存放地点：</td><td>公司2号试验室</td>
            <td class="table-td-title">资产来源：</td><td>购买</td>
            <td class="table-td-title">保管人员：</td><td>张三</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="row">
      <div class="col-sm-12">
        <ul class="nav nav-tabs">
          <li class="active" data-toggle="#table1-div" tab-index="1">
            <a>借用归还记录</a>
          </li>
          <li data-toggle="#table2-div" tab-index="2">
            <a>维保记录</a>
          </li>
           <li data-toggle="#table3-div" tab-index="3">
            <a>调拨记录</a>
          </li>
          <li data-toggle="#table4-div" tab-index="4">
            <a>报废信息</a>
          </li>    
        </ul>
 <!--        <div id="accordion1" class="ibox float-e-margins"> -->
        <div id="table1-div" class="ibox-content collapse in" aria-expanded="true">            
          <table id="table1" class="footable table table-stripped text-center"
          data-unique-id="id">
            <thead>
                <tr>
                  <th data-field="field1">日期</th>
                  <th data-field="field2">借用时状况</th>
                  <th data-field="field3">借用人</th>
                  <th data-field="field4">预计归还日期</th>
                  <th data-field="field5">使用项目/部门</th>
                  <th data-field="field6">归还人</th>
                  <th data-field="field7">归还日期</th>
                  <th data-field="field8">归还时状况</th>
                  <th data-field="field9">备注</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>

        <div id="table2-div" class="ibox-content collapse in" aria-expanded="true">   
          <label>维保方式</label>
          <select>
              <option value="-1">请选择</option>
              <option value="1">维修</option>
              <option value="2">保养</option>
          </select>       
          <table id="table2" class="footable table table-stripped text-center"
          data-unique-id="id">
            <thead>
                <tr>
                  <th data-field="field1">日期</th>
                  <th data-field="field2">使用项目/部门</th>
                  <th data-field="field3">故障原因</th>
                  <th data-field="field4">维保方式</th>
                  <th data-field="field5">维保频率</th>
                  <th data-field="field6">费用（元）</th>
                  <th data-field="field7">备注</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>

        <div id="table3-div" class="ibox-content collapse in" aria-expanded="true">            
              <table id="table3" class="footable table table-stripped text-center"
              data-unique-id="id">
                <thead>
                    <tr>
                      <th data-field="field1">日期</th>
                      <th data-field="field2">调出部门/项目</th>
                      <th data-field="field3">调入部门/项目</th>
                      <th data-field="field4">调拨理由</th>
                      <th data-field="field5">备注</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
        </div>

        <div id="table4-div" class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true">            
              <table class="table" style="width:80%">
                <tbody>
                  <tr>
                    <td class="table-td-title">申请部门：</td><td>xxxxxxxxxxxxxxxx</td>
                    <td class="table-td-title">申请日期：</td><td>xxxxxxxxxxxxxxx</td>
                  </tr>
                  <tr>
                    <td class="table-td-title">资产原产值：</td><td></td>
                    <td class="table-td-title">累计折旧额：</td><td></td>
                  </tr>
                  <tr>
                    <td class="table-td-title">残值：</td><td></td>
                    <td class="table-td-title">净值：</td><td></td>
                  </tr>
                  <tr>
                    <td class="table-td-title">使用年限：</td><td></td>
                    <td class="table-td-title">已使用期：</td><td></td>
                  </tr>
                  <tr>
                    <td class="table-td-title">是否出售：</td><td></td>
                    <td class="table-td-title">出售收入：</td><td></td>
                  </tr>
                  <tr>
                    <td class="table-td-title">出售支出：</td><td></td>
                    <td></td><td></td>
                  </tr>
                   <tr>
                    <td class="table-td-title">保费支出：</td><td></td>
                    <td></td><td></td>
                  </tr>
                </tbody>
              </table>
        </div>

        <!-- </div> -->
      </div>
    </div>
  </div>
</body>
</html>